<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>

    <title>Clean Blog - Start Bootstrap Theme</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" th:href="@{/vendor/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'/>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'/>

    <!-- Custom styles for this template -->
    <link href="css/clean-blog.min.css" th:href="@{/css/clean-blog.min.css}" rel="stylesheet"/>

</head>
<body>
<div th:fragment="header">
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand" href="index.html">Link start!</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                Menu
                <i class="fa fa-bars"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="/index.html" th:href="@{/index.html}">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/about.html" th:href="@{/about.html}">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/post.html" th:href="@{/post.html}">Post</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/contact.html" th:href="@{/contact.html}">Contact</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="/signornot" href="/signin.html">Sign in</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" hidden="hidden" id="signout" href="/signout.html">Sign out</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>


    <!--&lt;!&ndash; Bootstrap core JavaScript &ndash;&gt;-->
    <!--<script th:src="@{/vendor/jquery/jquery.min.js}"></script>-->
    <!--<script th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>-->

    <!--&lt;!&ndash; Custom scripts for this template &ndash;&gt;-->
    <!--<script th:src="@{js/clean-blog.min.js}"></script>-->
    <script src="vendor/jquery/jquery.min.js" th:src="@{/vendor/jquery/jquery.min.js}"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js" th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>

    <!-- Custom scripts for this template -->
    <script src="js/clean-blog.min.js" th:src="@{/js/clean-blog.min.js}"></script>


</body>
</html>